<!-- Vue3.3新特性 defineOptions defineSlots defineProps defineEmits -->
<template>
    <div>
        <Vue333 :name="['vue3F']" :data="list" @send="getname">
            <template #default="item">
                {{ item.item.name }}
            </template>
        </Vue333>
    </div>
</template>

<script generic="T" setup lang='ts'>
// import { ref, reactive } from 'vue'
import Vue333 from './Vue3.33.vue'
const getname = (name: string) => {
    console.log(name);

}
const list = [
    {
        name: '张三', 
        age: 18

    }, {
        name: '李四', 
        age: 20
    }
]

</script>

<style scoped lang="scss"></style>